.login{
    width:100%;
    height:27rem;
    margin-bottom:0;
    margin-left:0;
    background-color: #ffffff;
}
.login-in{
    width:14rem;
    margin-left:calc(50% - 7rem);
}
.login-img{
    margin-top:1rem;
    margin-left:calc(50% - 4rem);
    width:8rem;
    height:4rem;
    background-color:gainsboro;
}
.p-color{
    color:deepskyblue;
}
.login-by{
    width:100%;
    height:0.7rem;
    margin-top:1rem;
}
.login-by-in{
    width:50%;
    float:left;
}
.login-by-message{
    width:100%;
    height: 0.7rem;
    color: #999999;
    font-size: 0.5rem;
    text-align: right;
    margin-right:0.5rem;
}
/*by与passage之间不能够加空格，加空格失效，格式全变成父级格式，即login-by*/
.login-by-passage{
    width:100%;
    height:0.7rem;
    color:#999999;
    font-size:0.5rem ;
    text-align: left;
    margin-left:0.5rem;
}
.login-way{
    width:100%;
    height:13rem;
    margin-top:0.5rem;
    background-color:green;
}

.login-button{
    left:calc(50% - 2.25rem);
    width:4.5rem;
    height:1rem;
    color:lawngreen;
    text-align:center;
}
.login-footer{
    width:100%;
    height:0.5rem;
    margin-top:0.5rem;
    background-color:#fefefe;
    text-align: center;
    font-size: 0.4rem;
}